<template>
  <div class="app-container">
    <el-tabs
      v-model="type"
      type="card"
    >
      <el-tab-pane label="智能锁" name="smartLock">
        <SmartLock />
      </el-tab-pane>
      <el-tab-pane label="采集器" name="collect">
        <Collect />
      </el-tab-pane>
      <el-tab-pane label="智能电表" name="smartMeter">
        <SmartMeter />
      </el-tab-pane>
<!--      <el-tab-pane label="智能水表" name="smartWaterMeter">-->
<!--        智能水表-->
<!--      </el-tab-pane>-->
      <el-tab-pane label="网关" name="geteway">
        <LockGateway />
      </el-tab-pane>
      <el-tab-pane label="门禁" name="faceLock">
        <FaceLock />
      </el-tab-pane>
<!--      <el-tab-pane label="梯控" name="ladderControl">-->
<!--        梯控-->
<!--      </el-tab-pane>-->
    </el-tabs>
  </div>
</template>
<script setup name="BillManagement">
import SmartLock from './smartLock/index.vue'
import SmartMeter from './smartMeter/index.vue'
import Collect from './collect/index.vue'
import FaceLock from './faceLock/index.vue'
import LockGateway from './lockGateway/index.vue'
const type = ref('smartLock')
</script>